<template>
  <view class="double-button">
    <tui-button plain shape="circle" width="260rpx" height="80rpx" @click="click(0)">
      {{ leftText }}
    </tui-button>
    <tui-button shape="circle"  width="260rpx" height="80rpx" @click="click(1)">
      {{ rightText }}
    </tui-button>
  </view>
</template>

<script>
export default {
  props: {
    leftText: {
      type: String,
      default: "",
    },
    rightText: {
      type: String,
      default: "",
    },
  },
  data() {
    return {};
  },
  methods: {
    click(index) {
      this.$emit("doubleButtonClick", index);
    },
  },
};
</script>

<style lang="scss" scoped>
.double-button {
  padding: 80rpx 40rpx 0 40rpx;
  display: flex;
  justify-content: space-between;
}
</style>
